
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <link rel="stylesheet" href="../../../css/blue/header/header.css"/>
    <link rel="stylesheet" href="../../../css/blue/footer/footer.css"/>
    <link rel="stylesheet" href="../../../css/blue/base/pagebody.css"/> <!-- 存放主体部分的css样式 -->
    <link rel="stylesheet" href="../../../css/blue/base/kkpager_blue.css"/>
    <link rel="stylesheet" href="../../../css/blue/base/easyui.css"/>
    <link rel="stylesheet" href="../../../css/blue/base/sweetalert.css"/>
    <script src="../../../js/jquery-1.11.3.js"></script>
    <script src="../../../js/html5shiv.min.js"></script>
    <script src="../../../js/respond.min.js"></script>
    <script src="../../../js/kkpager.min.js"></script>
    <script src="../../../js/menujson.js"></script>
    <script>
        $(document).ready(function() {
            menujson(2);
            jQuery("#allcheck").click(function(){
                jQuery("input[name=id]").prop("checked",jQuery("#allcheck").prop("checked"));
            });
            var jsondata = [{id: 1, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "banner广告", state:"未处理",business:"贾天旭(Tel:18611996030)",butt:"默认",handle:""},
                {id: 2, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "视频广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:"",butt:"默认"},
                {id: 3, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "banner广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:"",butt:"默认"},
                {id: 4, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "开屏广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:"",butt:"默认"},
                {id: 5, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "banner广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:"",butt:"默认"},
                {id: 6, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "开屏广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:" ",butt:"默认"},
                {id: 7, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "banner广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:" ",butt:"默认"},
                {id: 8, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "开屏广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:" ",butt:"默认"},
                {id: 9, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "开屏广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:" ",butt:"默认"},
                {id: 10, code:"Andriod-号簿助手", name: "安卓-网易新闻", style: "banner广告", state:"未处理",business:"贾天旭(Tel:18611996030)",handle:" ",butt:"默认"}
            ];
            var table = $('#tablekey');
            //  alert(jsondata.length);

            for (var i = 0; i < jsondata.length; i++) {
                //alert(i);
                table.append("<tr>" +
                        "<td align='center'>" + jsondata[i].id + "</td>" +
                        "<td align='center'>"+jsondata[i].code+" </td>" +
                        "<td align='center'>" + jsondata[i].name + "</td>" +
                        "<td align='center'>" + jsondata[i].style + "</td>" +
                        "<td align='center'>" + jsondata[i].state + "</td>" +
                        "<td align='center'>" + jsondata[i].business + "</td>" +
                        "<td align='center'>" + jsondata[i].butt + "</td>" +
                        "<td align='center'><a href='butt/buttinner.html'>对接</a><span>||</span><a href='#' onclick='hit()'>查看</a></td>" +
                        "</tr>");
            }

        })
    </script>
    <title>功能主页面</title>
</head>
<body>

<div class="DomUpBody">
    <!--页面头部 css的样式放在header.css-->
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <!--header开始-->
    <div class="header">
        <div  class="headerTopRight">
            <div class="wrap">
                <ul>
                    <li class="NEWS">
                        <a href="" class="News">消息 <span class="NewsBar">(1)</span></a>
                    </li>
                    <li  class="USER">
                        <h1 class="User"><i></i>管理员<b></b></h1>
                        <div class="change" >
                            <a class="changePwd"  onclick="shu(2)" href=""> <i></i>修改密码</a>
                            <a class="changeExit"  onclick="exit(2)" href=""> <i></i>退出</a>
                        </div>
                    </li>
                    <li><a class="SDK" onclick="sdk(2)" href="">SDK下载</a></li>
                </ul>

            </div>
        </div>
        <div class="wrap">
            <a href=""><img src="../../../img/blue/logo.png" class="logo" alt=""/></a>
        </div>
        <div  class="headerNav" id="divid">
            <button  class="left" type="button" onclick="lfun()"></button>
            <ul class="nav">

            </ul>

            <button  class="right" type="button" onclick="rfun()"></button>
        </div>

    </div>
    <div class="headerNavBar"></div>
    <div class="ask">
        <ul>
            <li>
                <a href=""  class="askword asked">销售咨询</a>
            </li>
            <li>
                <a href="" class="askword asked">商务咨询</a>
            </li>
            <li>
                <a href="" class="askword asked">运营咨询</a>
            </li>
            <li>
                <a href="" class="askword customAsked">客服咨询</a>
            </li>
            <li>
                <a href="" class="askword back">返回顶部</a>
            </li>
            <li>
                <button type="button" class="closeAsk">关闭</button>
            </li>
        </ul>
    </div>
    <div class="left_middle" >
        <h1 class="Title">移动导航</h1>
        <ul>
            <li><a href="">统计报表</a></li>
            <li><a href="">统计报表</a></li>
            <li><a href="">我要去三</a></li>
            <li><a href="">我要去四</a></li>
        </ul>
        <button type="button" class="closeTitle">关闭</button>
    </div>
    </body>
    <script>
        $(document).ready(function() {
            $(".nav li").hover(function() {
                $('ul', this).fadeIn("fast");
                // $("a b",this).slideDown("fast");
                $(this).children().addClass("hover");
                $(".headerNavBar").css({"border-top":"1px solid #c8d8e7"});
            }, function() {
                $('ul', this).fadeOut("fast");
                // $("a b",this).slideUp("fast");
                $(this).children().removeClass("hover");
                $(".headerNavBar").css({"border-top":"1px solid transparent"});
            });
        });
        $(document).ready(function(){
            $(".nav li a b").css("display","none");
        });
        $(document).ready(function(){
            $(".hide").click(function(){
                $(".right_middle p,.right_middle ul").show();
            });
            $(".show").click(function(){
                $(".right_middle p,.right_middle ul").hide();
            })
        });
        $(document).ready(function(){
            $(".User").click(function(){
                if($(".change").css("display")=="none"){
                    $(".change").slideDown();
                }else{
                    $(".change").slideUp();
                }
            });
        });
        $(document).ready(function(){
            $(".closeAsk").click(function(){
                $(".ask").hide();
            });
            $(".closeTitle").click(function(){
                $(".left_middle").hide();
            })
        })
    </script>
    </html>


    <div class="DomBody" > <!--内容区样式全部放在pagebody.css-->
        <div class="wrap">
            <!--bread_nav面包屑开始-->
            <div class="DomBread_nav">
                <i></i> <a href="">媒体管理</a>
                <a>> </a>
                <a href="">ad对接留档</a>
                <a>></a>
                <a href="">ad列表</a>
            </div>
            <!--bread_nav面包屑结束-->
        </div> <!--面包屑（功能引栏）-->
        <!--按钮区-->
        <!--<video src="../../img/xiaoshiping.mp4" controls></video>-->
        <div class="DomSelect"> <!--查询条件区-->
            <div class="DomSelectLine">
                <p class="wrap">
                    <button type="button" class="first">查询</button>
                    <button type="button" class="last"></button>
                </p>
            </div>
            <div class="wrap">
                <table class="DomSelectTable">
                    <tr>
                        <td width="100px" align="right"> 技术对接状态：</td>
                        <td >
                            <select style="width:200px" name="" class="SearchSelect">
                                <option value="">未处理</option>
                                <option value="">已处理</option>

                            </select>
                        </td>
                        <td width="100px" align="right">所属媒体</td>
                        <td>
                            <select style="width:200px" name="" class="SearchSelect">
                                <option value="">-全部-</option>
                                <option value="">项目1</option>
                                <option value="">项目2</option>
                                <option value="">项目3</option>
                            </select>
                        </td>
                        <td width="100px" align="right"> 所属应用：</td>
                        <td>
                            <select style="width:200px" name="" class="SearchSelect">
                                <option value="">-全部-</option>
                                <option value="">项目1</option>
                                <option value="">项目2</option>
                                <option value="">项目3</option>
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
        </div><!--查询条件区-->
        <div class="DomMatter"><!--内容区-->
            <div class="DomPageMatter" style="background:#fff;">
                <div class="clear"></div>
                <table id="tablekey"  class="TablePage" border="1" bordercolor="#ddd" cellspacing="0" cellpadding="0" >
                    <thead>
                    <tr>
                        <th width="5%">序号</th>
                        <th width="20%">广告位名称</th>
                        <th width="15%">所属媒体</th>
                        <th width="15%">广告样式</th>
                        <th width="10%">采购审核</th>
                        <th width="15%">商务</th>
                        <th>技术对接</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
                <div class="wrap">

                    <div id="kkpager">
                    </div>

                </div>
                <!-- 遮罩层的内容开始-->
                <div id="fullbg"></div>
                <div id="dialog" style="position:absolute">
                    <h3 class="banner" style="cursor:move">应用信息</h3>
                    <div style="margin:10px;">
                        <table border="1" class="TableView" cellpadding="0" cellspacing="0" width="100%" style="border:1px solid #ddd; ">
                            <tr>
                                <th colspan="4" align="left" style="padding:5px; background:#ddd;font-size:15px;">应用信息</th>
                            </tr>
                            <tr>
                                <td width="15%" align="right" style="font-weight:bold">应用名称：</td>
                                <td width="35%" align="center">ios经典拼图</td>
                                <td width="15%" align="right" style="font-weight:bold">所属媒体:</td>
                                <td width="35%" align="center">虚拟媒体</td>
                            </tr>
                            <tr>
                                <td align="right" style="font-weight:bold">应用分类：</td>
                                <td align="center">其他</td>
                                <td align="right" style="font-weight:bold">应用包名:</td>
                                <td align="center"></td>
                            </tr>
                            <tr>
                                <td align="right" style="font-weight:bold">下载地址：</td>
                                <td align="center"></td>
                                <td align="right" style="font-weight:bold">应用平台:</td>
                                <td align="center">IOS</td>
                            </tr>
                            <tr>
                                <td align="right" style="font-weight:bold">是否付费：</td>
                                <td align="center">否</td>
                                <td align="right" style="font-weight:bold">AppKey:</td>
                                <td align="center">30f6d467-2bba-473c-b610-42acc384f29a</td>
                            </tr>
                            <tr>
                                <td align="right" style="font-weight:bold">创建时间：</td>
                                <td align="center">2016-03-31 02:23:34</td>
                                <td align="right" style="font-weight:bold">审核状态：</td>
                                <td align="center">是</td>
                            </tr>
                            <tr>
                                <td align="right" style="font-weight:bold">审核人：</td>
                                <td align="center">董娜</td>
                                <td align="right" style="font-weight:bold">审核时间：</td>
                                <td align="center">2016-02-02 02:02:02</td>
                            </tr>
                            <tr>
                                <td align="right" style="font-weight:bold">应用描述：</td>
                                <td align="center" colspan="3"></td>
                            </tr>
                        </table>
                    </div>
                    <span class="close_layer" onclick="closeBg()">X</span>
                </div>
                <!-- 遮罩层的内容结束-->
            </div>
        </div>
    </div>
</div>
<!--页面尾部 footer.css-->
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="footer">
    <div class="link">
        <a href="#">关于我们</a>
        <a href="">|</a>
        <a href="#">联系我们</a>
        <a href="">|</a>
        <a href="#">服务条款</a>
        <a href="">|</a>
        <a href="#">隐私政策</a>
        <a href="">|</a>
        <a href="#">常见问题</a>
        <a href="">京ICP备05032905号</a>
    </div>
</div>
</body>
</html>
<!-- 页面尾部结束-->
</body>
<!--遮罩层的js开始-->
<script>
    //显示灰色 jQuery 遮罩层
    function hit( ){
        var bheight = Math.max( document.documentElement.clientHeight) + "px";
        $("#fullbg").css({
            height:bheight,
            display:"block"
        });
        $("#dialog").show();
    }
    //关闭灰色 jQuery 遮罩
    function closeBg() {
        $("#fullbg,#dialog").hide();
    }
    $(".a").click(function(){
        $("#b").show();
    });
    $(document).ready(function(){
        $('.banner').mousedown(
                function (event) {
                    var isMove = true;
                    var abs_x = event.pageX - $('#dialog').offset().left;
                    var abs_y = event.pageY - $('#dialog').offset().top;
                    $(document).mousemove(function (event) {
                                if (isMove) {
                                    var obj = $('#dialog');
                                    obj.css({'left':event.pageX - abs_x, 'top':event.pageY - abs_y});
                                }
                            }
                    ).mouseup(
                            function () {
                                isMove = false;
                            }
                    );
                }
        );
    });

</script>
<!--遮罩层的js结束-->
<script>
    $(document).ready(function(){
        $(".last").click(function(){
            if($(".DomSelectTable").css("display")=="none"){
                $(".DomSelectTable").show();
            }else{
                $(".DomSelectTable").hide();
            }
        });
    });
    function getParameter(name) {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r!=null) return unescape(r[2]); return null;
    }

    //init
    $(function(){
        var totalPage = 20;
        var totalRecords = 390;
        var pageNo = getParameter('pno');
        if(!pageNo){
            pageNo = 1;
        }
        //生成分页
        //有些参数是可选的，比如lang，若不传有默认值
        kkpager.generPageHtml({
            pno : pageNo,
            //总页码
            total : totalPage,
            //总数据条数
            totalRecords : totalRecords,
            //链接前部
            hrefFormer : 'pager_test',
            //链接尾部
            hrefLatter : '.html',
            getLink : function(n){
                return this.hrefFormer + this.hrefLatter + "?pno="+n;
            }
            /*
             ,lang				: {
             firstPageText			: '首页',
             firstPageTipText		: '首页',
             lastPageText			: '尾页',
             lastPageTipText			: '尾页',
             prePageText				: '上一页',
             prePageTipText			: '上一页',
             nextPageText			: '下一页',
             nextPageTipText			: '下一页',
             totalPageBeforeText		: '共',
             totalPageAfterText		: '页',
             currPageBeforeText		: '当前第',
             currPageAfterText		: '页',
             totalInfoSplitStr		: '/',
             totalRecordsBeforeText	: '共',
             totalRecordsAfterText	: '条数据',
             gopageBeforeText		: '&nbsp;转到',
             gopageButtonOkText		: '确定',
             gopageAfterText			: '页',
             buttonTipBeforeText		: '第',
             buttonTipAfterText		: '页'
             }*/

            //,
            //mode : 'click',//默认值是link，可选link或者click
            //click : function(n){
            //	this.selectPage(n);
            //  return false;
            //}
        });
    });
</script>
<script src="../../../js/twoButton.js"></script>
</html>